<template>
	<view>
		<u-navbar :is-back="true" title="学员请假" back-icon-color="#ffffff" title-color="#ffffff"
			:background="{backgroundColor:'#E62131'}" @rightClick="rightClick"></u-navbar>
		<view class="tabbaner">
			
			
			<view v-for="(item,index) in tabList" class="all_cards cardlist fles" style="display: flex;align-items: center;justify-content: space-between;" @click="tosignatereAgrement(item)">
				<view class="lcistafd">
					<view class="titlesa">
						{{item.name}} <text style="display: inline-block; color: #909090;font-size: 24rpx;font-weight: 400;">（已签署）</text>
					</view>
					<view class="list_dates" style="padding-top: 10rpx;color: #909090;">
						{{item.createDate}}
					</view>
				</view>
				<u-icon name="arrow-right" size="28" color="#909090"></u-icon>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		
		data() {
			return {
				checked: true,
				tabList:[],
			}
		},
		
		onLoad(options) {
		},
		onShow() {
			this.usersgetUserInfoApi()
		},
		onReachBottom() {},
		methods: {
			tosignatereAgrement(item){
				uni.navigateTo({
					url: './singDetail?filePath=' + item.filePath+"&name=" +item.name
				})
			},
			usersgetUserInfoApi() {
				uni.$api.common.saveProtocolApi({page:1,limit:10}).then((res) => {
					this.tabList = res.result
					
				});
			},
			rightClick() {
				uni.redirectTo({
					url: './index'
				})
			},
	
		}
	}
</script>

<style scoped>
	page{
		background-color: #f7f6f6;
	}
	.tabbaner{
		padding: 20rpx;
	}
	.cardlist {
		margin-top: 20rpx;
		margin-bottom: 20rpx;
		background-color: #ffffffx;
		.titles {
			font-weight: bold;
			font-size: 30rpx;
			margin-top: 30rpx;
		}
	
		.textcet {
			padding: 10rpx 0;
		}
	
		.cityopt {
			display: flex;
	
			.rightcity {
				.cityname {
					font-size: 34rpx;
				}
	
				.details {
					font-size: 28rpx;
					color: #D2CCCC;
				}
			}
		}
	
		.dates {
			color: #707070;
			display: flex;
			align-items: center;
			padding: 0 20rpx 0;
			padding-top: 20rpx;
	
			.spans {
				padding-left: 5rpx;
			}
		}
	
		.dalist {
			color: #707070;
			display: flex;
			align-items: center;
			padding: 0 20rpx 0;
			padding-top: 20rpx;
	
			.testone {
				padding: 0 5px;
			}
	
			.prices {
				color: #000000;
			}
		}
	}
	.titlesa{
		color: #000000;
		font-size: 30rpx;
		font-weight: bold;
	}
</style>